<template>
  <h1>
      个人中心user 组件



      <h2> 获取动态路由的参数: {{$route.params.id}}</h2>

<h2>方式二 获取动态参数 :{{id}}-----{{name}} </h2>

<!-- 
<h2>方式三 props 对象传递参数 获取动态参数 :{{id}}-----{{name}}---{{age}} </h2> -->


<hr>
<h2 style="color:red">方式四 props 函数传递参数 获取动态参数 :{{id}}-----{{name}}---{{age}} </h2>
  </h1>
</template>

<script>
export default {
    // props:['id','name'],
    props:['name','age','id'],
    created() {
       console.log(this);
    },

    watch:{
        $route(to,from){
            console.log(to);
            console.log('-------');
        
            console.log(from);

        }
    }

}
</script>

<style>

</style>